.clearfix:after {
    content: '';
    display: block;
   height: 0; 
    clear: both;
}
/******header*********/
*{margin:0px;padding:0px;}



/*banner开始*/
.banner_mid{ color:#fff;position:absolute;width:100%; z-index:100; bottom:0%;text-align: center;}
.banner_mid_1{text-align: center;}
.banner_mid_2{text-align: center;margin: 2% auto 0 auto;}
.banner_mid img{width:100%;height:auto;clear:both;display:block;margin:0 auto;}


.banner_mouse{cursor: pointer;z-index:12;position:absolute; width:49px;height:50px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:10%; left:50%;margin-left:-15px;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:49px;height:50px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 11px;border-radius: 4px;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
@-webkit-keyframes colorSlide {0% {height:0;}
90% {height:46px;}
}
@keyframes colorSlide {0% {height:0;}
90% {height:46px;}
}
@-webkit-keyframes trackBallSlide {0% {
  opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(20px);transform:scale(0.4) translateY(20px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@keyframes trackBallSlide {0% {opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(20px);transform:scale(0.4) translateY(20px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@-webkit-keyframes nudgeMouse {
  0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}

.indexbanner .swiper-pagination-bullet{text-align:left;opacity:1;width:65px; height:20px; color:#fff; margin:0 5px;}
.indexbanner .swiper-pagination-bullet h1{text-align:left;opacity:1;width:65px; height:20px; color:#fff;position: relative;}
.indexbanner .swiper-pagination-bullet h1:after{content:''; position:absolute; left:0; width:100%; bottom:0; height:3px; background-color:#fff;}
.indexbanner .swiper-pagination-bullet h1:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:3px; background-color:#007423;opacity:1;}
.indexbanner .swiper-pagination-bullet-active h1:before{width:100%; transition: width 7s ease-out 0s;}
.indexbanner .swiper-pagination-bullet i{font-style:normal; opacity:0;position:absolute;left:-60px;font-size:30px;}
.indexbanner .swiper-pagination-bullet i font{color:#fff;font-size:16px;margin-left:10px;}
.indexbanner .swiper-pagination-bullet-active i{opacity:1;font-size:30px;}
.indexbanner .swiper-pagination-index-banner{ min-width: auto;position:relative; float:right; padding:0 1em;text-align:center;}
.banner_footer{position:absolute; left:0; bottom:10%; width:100%; z-index:10;}

@media (max-width:990px){

.indexbanner .swiper-pagination-bullet{width:30px;}
.indexbanner .swiper-pagination-bullet h1{width:30px}

.indexbanner .swiper-pagination-bullet i{left:-60px;}

.indexbanner .swiper-pagination-bullet i font{font-size:14px;}
.indexbanner .swiper-pagination-bullet-active i{font-size:18px;}

.banner_mouse{display:none}

}

@media (min-width:991px) and (max-width:1320px){

.indexbanner .swiper-pagination-bullet{width:40px;}
.indexbanner .swiper-pagination-bullet h1{width:40px}

.indexbanner .swiper-pagination-bullet i{left:-70px;}

.indexbanner .swiper-pagination-bullet i font{font-size:14px;}
.indexbanner .swiper-pagination-bullet-active i{font-size:18px;}



}